.first-home-page-pc {
    position: relative;
    background-color: #fff;
    padding: 10rem 5.25rem 5rem 5.25rem;

    .homebanner1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 732.5px;
        height: 798.5px;
    }

    .homebanner2 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 1096px;
        height: 276.39px;
    }

    .left {
        background: none;
        z-index: 2;
        .title {
            color: rgba(238, 117, 52, 1);
            margin-bottom: 1.8rem;
        }

        .small {
            font-size: 1.5rem;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 3rem;
            color: rgba(0, 0, 0, 1);
            text-align: left;
            vertical-align: top;
        }

        .main {
            font-size: 3.6rem;
            font-weight: 700;
            letter-spacing: 0px;
            line-height: 72px;
            margin-top: 2rem;
            display: block;
        }
        .descriptionMsg {
            font-size: 1.8rem;
            font-weight: 400;
            letter-spacing: 0px;
            color: rgba(238, 117, 52, 1);
            text-align: left;
            vertical-align: top;
            margin-top: 2rem;
            display: block;
        }

        .description {
            white-space: nowrap;
            font-size: 2rem;
            display: block;
        }

        .detail {
            span {
                display: block;
            }

            .descriptionMsgContent {
                font-size: 1.2rem;
                font-weight: 400;
                letter-spacing: 0px;
                line-height: 2.263rem;
                color: rgba(102, 102, 102, 1);
            }
        }

        .special-button {
            margin-top: 6rem;
            //width: 12.4210526315789rem;
            height: 3.68421052631579rem;
            border-radius: 35px;
            background: rgba(238, 117, 52, 1);
            font-size: 1.26315789473684rem;
            font-weight: 700;
            color: rgba(255, 255, 255, 1);
            min-width: 12rem;
            opacity: 1;
            border-radius: 3.5rem;
            background: rgba(238, 117, 52, 1);
        }
    }

    .right {
        z-index: 2;
        background: none;
        display: flex;
        flex-direction: column;
        align-items: end;

        // .home-image {
        //     width: 80%;
        //     margin-bottom: 1.36842105263158rem;
        //     margin-top: 5rem;
        //     margin-left: 10%;
        // }
        .home-image-box {
            padding-top: 6.5rem;
            display: flex;
            justify-content: flex-end;
            .home-image {
                margin: 0 !important;
                width: 28.7.5rem;
                height: 18.1rem;
            }
        }

        .google-download {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 175px;
            height: 44px;
            margin-top: 3.9rem;
            margin-right: 9.15rem;
            img {
                width: 100%;
                height: 100%;
            }

            .special-button {
                //width: 8.31578947368421rem;
                height: 2.52631578947368rem;
                border-radius: 31px;
                background: rgba(238, 117, 52, 1);
                margin-left: 18px;
                font-size: 1.26315789473684rem;
                font-weight: 700;
                //line-height: 34.75px;
                color: rgba(255, 255, 255, 1);
                
            }
        }
    }
}

// .right {
//     margin-top: 20px;
//     padding: 28px 0 30px 0;
//     width: 345px;
//     opacity: 1;
//     border-radius: 10px;
//     background: rgba(255, 255, 255, 1);
//     box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);

    

//     .google-download {
//         margin-top: 18px;
//     }
// }

@media (max-width: 1200px) {
    .homebanner1,
    .homebanner2 {
        display: none !important;
    }
}

@media (max-width: 750px) {
    .first-home-page {
        padding-bottom: 0 !important;
    }

    .main {
        display: none !important;
    }

    .title {
        margin-bottom: 15px !important;
    }

    .left {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .description {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 32.93px;
        color: rgba(238, 117, 52, 1);
        text-align: left;
        vertical-align: top;
    }

    .detail span:first-child {
        margin-bottom: 18px !important;
        white-space: nowrap;
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 0px;
        line-height: 21.95px;
        color: rgba(0, 0, 0, 0.6) !important;
        text-align: left;
        vertical-align: top;
    }

    .detail span:last-child {
        margin-bottom: 20px !important;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 3px;
        line-height: 28px;
        color: rgba(51, 51, 51, 0.6);
        text-align: center;
        vertical-align: top;
    }

    .special-button {
        width: 23.6rem;
        height: 7rem;
        opacity: 1;
        border-radius: 3.5rem;
        background: rgba(238, 117, 52, 1);
    }

    
}
